﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="View.aspx.cs" Inherits="Wicresoft.RDW.Picture.View" %>
   
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
   <link href="/Content/css/svwp_style.css" rel="stylesheet" type="text/css" />
<script src="/Content/js/Jquery.timers.js" type="text/javascript"></script>
<script src="/Content/js/jquery.slideViewerPro.1.5.js" type="text/javascript"></script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div class="content" style=" width:620px; margin:0 auto;">
    <div id="basic" class="svwp">
        <ul>
         <asp:Repeater ID="Pictures" runat="server">
            <ItemTemplate>
                <li>
                    <img src="<%#DataBinder.Eval(Container.DataItem,"Path") %>" width="620" height="320" alt="<%#DataBinder.Eval(Container.DataItem,this.Language.ToString() == "CN" ? "Desc_CN" : "Desc_EN") %>" />
                </li>
            </ItemTemplate>          
        </asp:Repeater>
        </ul>
    </div>
</div>
<script type="text/javascript">
    $(window).bind("load", function () { 
        $("div#basic").slideViewerPro({
             thumbs: 3,
             thumbsPercentReduction: 20,
             galBorderWidth: 0,
             galBorderColor: "aqua",
             thumbsTopMargin: 10,
             thumbsRightMargin: 10,
             thumbsBorderWidth: 5,
             thumbsActiveBorderColor: "gold",
             thumbsActiveBorderOpacity: 0.8,
             thumbsBorderOpacity: 0,
             buttonsTextColor: "#707070",
             leftButtonInner: "<img src='/content/css/images/left.png' width='20px' height='20px' />",
             rightButtonInner: "<img src='/content/css/images/right.png' width='20px' height='20px' />",
             autoslide: true,
             typo: true
         });
     });
</script>
</asp:Content>
